{% for glyph in glyphs
%}${{ fontName }}-{{ glyph.name }}: "\{{ glyph.unicode[0].charCodeAt(0).toString(16) }}";
{% endfor %}

@font-face {
    font-family: {{ fontName }};
    {% if formats.indexOf('eot')>-1 -%}
        src: url("{{ cssFontPath }}{{ fontName }}.eot");
    {%- endif -%}
    {%- set eotIndex = formats.indexOf('eot') -%}
    {%- set woff2Index = formats.indexOf('woff2') -%}
    {%- set woffIndex = formats.indexOf('woff') -%}
    {%- set ttfIndex = formats.indexOf('ttf') -%}
    {%- set svgIndex = formats.indexOf('svg') %}
    src: {% if eotIndex != -1 -%}
            url("{{ cssFontPath }}{{ fontName }}.eot?#iefix") format("embedded-opentype")
            {%- set nothing = formats.splice(eotIndex, 1) -%}
            {%- if formats.length != 0 -%}, {% else -%}; {% endif -%}
        {%- endif -%}
        {%- if woff2Index != -1 -%}
            url("{{ cssFontPath }}{{ fontName }}.woff2") format("woff2")
            {%- set nothing = formats.splice(woff2Index, 1) -%}
            {%- if formats.length != 0 -%}, {% else -%}; {% endif -%}
        {%- endif -%}
        {%- if woffIndex != -1 -%}
            url("{{ cssFontPath }}{{ fontName }}.woff") format("woff")
            {%- set nothing = formats.splice(woffIndex, 1) -%}
            {%- if formats.length != 0 -%}, {% else -%}; {% endif -%}
        {%- endif -%}
        {%- if ttfIndex != -1 -%}
            url("{{ cssFontPath }}{{ fontName }}.ttf") format("truetype")
            {%- set nothing = formats.splice(ttfIndex, 1) -%}
            {%- if formats.length != 0 -%}, {% else -%}; {% endif -%}
        {%- endif -%}
        {%- if svgIndex != -1 -%}
            url("{{ cssFontPath }}{{ fontName }}.svg#{{ fontName }}") format("svg");
        {%- endif %}
    font-style: normal;
    font-weight: 400;
}

%{{ fontName }} {
    display: inline-block;
    transform: translate(0, 0);
    text-rendering: auto;
    font: {{ fontName }};
    font-size: inherit;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}
